$(function(){
    $('.onload').on('click',function(){

        let index=$(this).index();

        $(this).addClass('onload-on').siblings('.onload').removeClass('onload-on')

        // $('.k-main').eq(index).addClass('k-main-on').siblings('.k-main').removeClass('k-main-on')

        if(index==0){
            $('.kkk').stop().animate({left:0},500,'linear')

        }
        else if(index==1){
            $('.kkk').stop().animate({left:-350},500,'linear')
        }
    })


    // 验证

        let rst=/^[a-z0-9_-]{3,16}$/
        let rut=/^[A-z]\w{5,11}$/
        $('.upload').on('click',function(){

            let a=$('.user-id input').val()
            let b=$('.user-pd input').val()
            let flag=rst.test(a)
            if(flag==false){
                return false;
            }
            
            let flag2=rut.test(b)
            if(flag2==false){
                return false;
            }

            window.location.href='../code/Home.html'
        })

        $('.user-id input').on('input',function(){
            let a=$('.user-id input').val()
            let flag=rst.test(a)
            if(flag==false){
                $(this).css('border','1px solid red')
            }
            else{
                $(this).css('border','2px solid #f3f3f3')

            }
        })

        $('.user-pd input').on('input',function(){
            let b=$('.user-pd input').val()
            let flag=rut.test(b)
            if(flag==false){
                $(this).css('border','1px solid red')
            }
            else{
                $(this).css('border','2px solid #f3f3f3')

            }
        })


        $('.x').on('click',function(){

            $('.user-id input').val('')
            $('.user-id input').css('border','2px solid #f3f3f3')
        })
})